{% extends 'user_base.html' %}
{% block title %}个人信息展示{% endblock %}
{% block content %}
<div class="profile-container">
    <div class="profile-header">
        <h1>个人信息展示</h1>
    </div>
    
    <div class="profile-body">
        <div class="profile-section">
            <div class="section-title">
                基本信息
                <a href="{{ url_for('user.edit_myProfile') }}" class="edit-btn">编辑信息</a>
            </div>
            
            <!-- 姓名信息 -->
            <div class="info-item">
                <div class="info-label">姓名:</div>
                <div class="info-value" id="name-value">
                    {% if user_info.name %}{{ user_info.name }}{% else %}<span class="empty-value">未填写</span>{% endif %}
                </div>
            </div>
            
            <!-- 性别信息 -->
            <div class="info-item">
                <div class="info-label">性别:</div>
                <div class="info-value" id="gender-value">
                    {% if user_info.gender %}
                        {{ '男' if user_info.gender == 'male' else '女' if user_info.gender == 'female' else '其他' }}
                    {% else %}
                        <span class="empty-value">未填写</span>
                    {% endif %}
                </div>
            </div>
            
            <!-- 国家信息 -->
            <div class="info-item">
                <div class="info-label">国家:</div>
                <div class="info-value" id="country-value">
                    {% if user_info.country %}{{ user_info.country }}{% else %}<span class="empty-value">未填写</span>{% endif %}
                </div>
            </div>
            
            <!-- 邮箱信息 -->
            <div class="info-item">
                <div class="info-label">邮箱:</div>
                <div class="info-value" id="email-value">
                    {% if user_info.email %}
                        <a href="mailto:{{ user_info.email }}">{{ user_info.email }}</a>
                    {% else %}
                        <span class="empty-value">未填写</span>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}